<template>
<!-- fragment 分片 -->
  <TodoList></TodoList>

  <Start msg="Welcome to Your Vue.js App"/>
  <Quick :data="[8,9,1,2,3,4,5,6,7]"></Quick>

  <Teleport to="#abc">
    <p>这是底部信息</p>
  </Teleport>

  <Suspense>
    <template #default>
      <AsyncComponent :timeout="3000"></AsyncComponent>
    </template>
    <template #fallback>
      <h1>加载中...</h1>
    </template>
  </Suspense>
</template>

<script>
import Start from "@/components/Start.vue";
import Quick from "@/components/Quick";
import AsyncComponent from "@/components/AsyncComponent";
import TodoList from "@/components/TodoList";
export default {
  name: "Train",
  components: {
    TodoList,
    AsyncComponent,
    Quick,
    Start
  }
};
</script>

<style scoped>
</style>
